<?php $hdtp=dr_site_value('hdtp');?>
<?php $sydbkslj=dr_site_value('sydbkslj');?>
<?php $aboutusyzt=dr_site_value('aboutusyzt');?>
<?php $aboutusy_ggsjs=dr_site_value('aboutusy_ggsjs');?>
<?php $sytjfl=dr_site_value('sytjfl');?>
<?php $dirname=dr_share_cat_value($cat['pid'], 'name');?>
<?php $dirurl=dr_share_cat_value($cat['pid'], 'url');?>
<?php $lxfs=dr_site_value('lxfs');?>
<?php $shemeixinxi=dr_site_value('shemeixinxi');?>
<?php
if(empty($_COOKIE['language'])){
$language='en';
}
$language = $_COOKIE['language'];
?>
<!DOCTYPE html
    PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport"
        content="width=device-width, initial-scale=1, minimum-scale=1, user-scalable=no , maximum-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1,IE=10">
    <meta content="telephone=no" name="format-detection">
    <link rel="stylesheet" type="text/css" href="{HOME_THEME_PATH}css/iconfont.css">
    <link rel="stylesheet" type="text/css" href="https://demo.waimaoniu.com/n77/css/aos.css">
    <link rel="stylesheet" type="text/css" href="{HOME_THEME_PATH}css/style.css">
    <script type="text/javascript" src="{HOME_THEME_PATH}js/jquery.min.js"></script>
    <title>{usu_fanyi($meta_title, $language)}</title>
    <meta content="{usu_fanyi($meta_keywords, $language)}" name="keywords" />
    <meta content="{usu_fanyi($meta_description, $language)}" name="description" />
    <!-- 系统懒人版js(所有自建模板引用) -->
    <script type="text/javascript">
        var is_mobile_cms = '{IS_MOBILE}';
        var web_dir = '{WEB_DIR}';
    </script>
    <script src="{LANG_PATH}lang.js" type="text/javascript"></script>
    <script src="{THEME_PATH}assets/global/plugins/jquery.min.js" type="text/javascript"></script>
    <script src="{THEME_PATH}assets/js/cms.js" type="text/javascript"></script>
    <!-- 系统懒人版js结束 -->
    <!-- 多语言js -->
    <script type="text/javascript">
        function language(e) {
            var cookies = document.cookie.split(";");
            for (var i = 0; i < cookies.length; i++) {
                var cookie = cookies[i];
                while (cookie.charAt(0) == " ") {
                    cookie = cookie.substring(1);
                }
                if (cookie.indexOf("=") != -1) {
                    var name = cookie.substring(0, cookie.indexOf("="));
                    document.cookie = name + "=;expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/";
                }
            }
            document.cookie = 'language=' + e + ';path=/';
            document.cookie = 'language=' + e + ';path=/zh';
            location.reload();
        }
    </script>
    {SITE_TONGJI}
</head>

<body class="homepage">
    <div class="main">
        <!-- HEADER START -->
        <header class="header-box">

            <div class="header-middle">
                <div class="header-inner">
                    <div class="header-logo">
                        <div class="header-logo-box">
                            <a href="/"><img alt="Gecko" src="{SITE_LOGO}"></a>
                        </div>
                    </div>
                    <div class="header-inner-right">
                        <div class="header-contact">
                            <ul>
                                <?php if ($lxfs) { $key=0; foreach ($lxfs as $v) { ?>
                                <li class="website-mailbox">{$v[1]}
                                    <a href="{$v[3]}" target="_blank">{$v[2]}</a></li>
                                <?php  $key++; } } ?>
                            </ul>
                        </div>
                    </div>

                    <div class="social-link">
                        <?php if ($shemeixinxi) { $key=0; foreach ($shemeixinxi as $v) { ?>
                        <a href="{$v[3]}" class="{$v[2]}" target="_blank" style="display: flex;justify-content: center;align-items: center;">
                            {$v[1]}
                        </a>
                        <?php  $key++; } } ?>
                    </div>

                    <!--<div class="company-motto">
                	<div class="company-motto-p"><p>Guaranteeing the highest quality products has always been our pursuit</p></div>
                </div>-->
                </div>
                <div class="clear"></div>
            </div>
            <!--导航栏-->
            <div id="fixedMenu">
                <div class="header-inner">
                    <div class="language">
                        <div class="cur">
                            {if $language =='en'}
                            <e class="en">
                                <i class="iconflag flag-en"></i>English<i class="iconfont">&#xe635;</i>
                            </e>
                            {else if $language =='spa'}
                            <e class="es">
                                <i class="iconflag flag-es"></i>España<i class="iconfont">&#xe635;</i>
                            </e>
                            {else if $language =='de'}
                            <e class="de">
                                <i class="iconflag flag-de"></i>Deutsch<i class="iconfont">&#xe635;</i>
                            </e>
                            {else if $language =='pt'}
                            <e class="pt">
                                <i class="iconflag flag-pt"></i>Português<i class="iconfont">&#xe635;</i>
                            </e>
                            {else if $language =='fra'}
                            <e class="fr">
                                <i class="iconflag flag-fr"></i>Français<i class="iconfont">&#xe635;</i>
                            </e>
                            {else}
                            <e class="en">
                                <i class="iconflag flag-en"></i>English<i class="iconfont">&#xe635;</i>
                            </e>
                            {/if}
                            <ul class="language-list">
                                <li><a href="#" title="English" onclick="language('en')" class="en">English</a></li>
                                <li><a href="#" title="España" onclick="language('spa')" class="es">España</a></li>
                                <li><a href="#" title="Deutsch" onclick="language('de')" class="de">Deutsch</a></li>
                                <li><a href="#" title="Português" onclick="language('pt')" class="pt">Português</a></li>
                                <li><a href="#" title="Français" onclick="language('fra')" class="fr">Français</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="header-search">
                        <form>
                            <div class="search-box">
                                <input class="input-text" placeholder="Search entire store here..." type="text">
                                <button class="search-btn"><i class="iconfont">&#xe6c9;</i></button>
                            </div>
                        </form>
                    </div>
                    <nav class="main-nav" role="navigation">
                        <!-- Mobile menu toggle button (hamburger/x icon) -->
                        <input id="main-menu-state" type="checkbox">
                        <label class="main-menu-btn" for="main-menu-state">
                            <span class="main-menu-btn-icon"></span>
                        </label>
                        <!-- Sample menu definition -->
                        <ul id="main-menu" class="sm sm-blue">
                            <li class="current"><a href="/">Home</a></li>
                            {category module=share pid=0 return=t}
                            <li>
                                <a href="{dr_url_rel($t.url, SITE_URL)}">{usu_fanyi($t.name, $language)}</a>
                                {if $t.child}
                                <ul>
                                    {category module=share pid=$t.id return=t2}
                                    <li>
                                        <a href="{dr_url_rel($t2.url, SITE_URL)}">{usu_fanyi($t2.name, $language)}</a>
                                        {if $t2.child}
                                        <ul>
                                            {category module=share pid=$t.id return=t3}
                                            <li>
                                                <a href="{dr_url_rel($t3.url, SITE_URL)}">{usu_fanyi($t3.name, $language)}</a>
                                            </li>
                                            {/category}
                                        </ul>
                                        {/if}
                                    </li>
                                    {/category}
                                </ul>
                                {/if}
                            </li>
                            {/category}
                        </ul>
                    </nav>
                </div>
            </div>
            <!--导航栏结束-->

        </header>
        <!-- HEADER END -->
        <div class="inner-page-main">
            <div class="inner-page-middle">
                <div class="bread-crumb">
                    <ul>
                        <li><a href="index.html">Home</a></li>
                        <li>></li>
                        <li><a href="products.html">Products</a></li>
                        <li>></li>
                        <li><span>Cross Colours Camo Print Tank half mengo</span></li>
                    </ul>
                </div>
                <div class="inner-page-content">
                    <div class="inner-page-r" aos="fade-left" aos-easing="ease" aos-delay="100">
                        <div class="product-details">
                            <div class="product-page-plan">
                                <section class="cntr">
                                    <ul class="pgwSlideshow">
                                        <li><a href="images/p1.jpg"><img src="{HOME_THEME_PATH}picture/p1.jpg"
                                                    alt="Product details image"></a></li>
                                        <li><a href="images/p2.jpg"><img src="{HOME_THEME_PATH}picture/p2.jpg"
                                                    alt="Product details image"></a></li>
                                        <li><a href="images/p3.jpg"><img src="{HOME_THEME_PATH}picture/p3.jpg"
                                                    alt="Product details image"></a></li>
                                        <li><a href="images/p4.jpg"><img src="{HOME_THEME_PATH}picture/p4.jpg"
                                                    alt="Product details image"></a></li>
                                        <li><a href="images/p5.jpg"><img src="{HOME_THEME_PATH}picture/p1.jpg"
                                                    alt="Product details image"></a></li>
                                        <li><a href="images/p6.jpg"><img src="{HOME_THEME_PATH}picture/p2.jpg"
                                                    alt="Product details image"></a></li>
                                    </ul>
                                </section>
                            </div>
                            <div class="product-attributes">
                                <div class="product-attributes-box">
                                    <div class="product-name">Cross Colours Camo Print Tank half mengo</div>
                                    <div class="product-attributes-item">
                                        <ul>
                                            <li>
                                                <label>Brand: </label>
                                                <span class="info-deta">your*skype

                                                </span>
                                            </li>
                                            <li>
                                                <label>Product origin: </label>
                                                <span class="info-deta">CHINE</span>
                                            </li>
                                            <li>
                                                <label>Availability: </label>
                                                <span class="info-deta">In stock</span>
                                            </li>
                                            <li>
                                                <label>SKU: </label>
                                                <span class="info-deta">20MVC-18</span>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="product-overview">
                                        <p>This is a powerful product, first-class quality, long service life, product
                                            has a variety of styles, a variety of colors, a variety of sizes.</p>
                                    </div>
                                    <div class="product-annex" id="product-annex">
                                        <div class="product-tag-title"><span>annex: </span></div>
                                        <ul>
                                            <li><a href="#"><i class="iconfont">&#xe785;</i>Product color scheme</a>
                                            </li>
                                            <li><a href="#"><i class="iconfont">&#xe785;</i>Product size scheme</a></li>
                                            <li><a href="#"><i class="iconfont">&#xe64e;</i>Product catalogue</a></li>
                                        </ul>
                                    </div>

                                    <div class="product-detail-annex">
                                        <div class="pro-email-icon"><a href="#" title="Email"><i
                                                    class="iconfont">&#xe624;</i>Send Email</a></div>
                                        <div class="pro-annex-icon"><a href="#product-annex" title="Wishlist"><i
                                                    class="iconfont">&#xe63b;</i>download attachment</a></div>
                                    </div>
                                    <div class="share-it">
                                        <div id="socialMediaContainer">
                                            <div class="addthis_toolbox addthis_default_style addthis_32x32_style">
                                                <a class="addthis_button_facebook at300b" title="Facebook"
                                                    href="#"><span class="at-icon-wrapper"
                                                        style="background-color: rgb(59, 89, 152); line-height: 32px; height: 32px; width: 32px;"><svg
                                                            xmlns="http://www.w3.org/2000/svg"
                                                            xmlns:xlink="http://www.w3.org/1999/xlink"
                                                            viewbox="0 0 32 32" class="at-icon at-icon-facebook"
                                                            style="width: 32px; height: 32px;" title="Facebook"
                                                            alt="Facebook">
                                                            <g>
                                                                <path
                                                                    d="M22 5.16c-.406-.054-1.806-.16-3.43-.16-3.4 0-5.733 1.825-5.733 5.17v2.882H9v3.913h3.837V27h4.604V16.965h3.823l.587-3.913h-4.41v-2.5c0-1.123.347-1.903 2.198-1.903H22V5.16z"
                                                                    fill-rule="evenodd"></path>
                                                            </g>
                                                        </svg></span></a>
                                                <a class="addthis_button_twitter at300b" title="Twitter" href="#"><span
                                                        class="at-icon-wrapper"
                                                        style="background-color: rgb(29, 161, 242); line-height: 32px; height: 32px; width: 32px;"><svg
                                                            xmlns="http://www.w3.org/2000/svg"
                                                            xmlns:xlink="http://www.w3.org/1999/xlink"
                                                            viewbox="0 0 32 32" class="at-icon at-icon-twitter"
                                                            style="width: 32px; height: 32px;" title="Twitter"
                                                            alt="Twitter">
                                                            <g>
                                                                <path
                                                                    d="M27.996 10.116c-.81.36-1.68.602-2.592.71a4.526 4.526 0 0 0 1.984-2.496 9.037 9.037 0 0 1-2.866 1.095 4.513 4.513 0 0 0-7.69 4.116 12.81 12.81 0 0 1-9.3-4.715 4.49 4.49 0 0 0-.612 2.27 4.51 4.51 0 0 0 2.008 3.755 4.495 4.495 0 0 1-2.044-.564v.057a4.515 4.515 0 0 0 3.62 4.425 4.52 4.52 0 0 1-2.04.077 4.517 4.517 0 0 0 4.217 3.134 9.055 9.055 0 0 1-5.604 1.93A9.18 9.18 0 0 1 6 23.85a12.773 12.773 0 0 0 6.918 2.027c8.3 0 12.84-6.876 12.84-12.84 0-.195-.005-.39-.014-.583a9.172 9.172 0 0 0 2.252-2.336"
                                                                    fill-rule="evenodd"></path>
                                                            </g>
                                                        </svg></span></a>
                                                <a class="addthis_button_pinterest_share at300b" target="_blank"
                                                    title="Pinterest" href="#"><span class="at-icon-wrapper"
                                                        style="background-color: rgb(203, 32, 39); line-height: 32px; height: 32px; width: 32px;"><svg
                                                            xmlns="http://www.w3.org/2000/svg"
                                                            xmlns:xlink="http://www.w3.org/1999/xlink"
                                                            viewbox="0 0 32 32" class="at-icon at-icon-pinterest_share"
                                                            style="width: 32px; height: 32px;" title="Pinterest"
                                                            alt="Pinterest">
                                                            <g>
                                                                <path
                                                                    d="M7 13.252c0 1.81.772 4.45 2.895 5.045.074.014.178.04.252.04.49 0 .772-1.27.772-1.63 0-.428-1.174-1.34-1.174-3.123 0-3.705 3.028-6.33 6.947-6.33 3.37 0 5.863 1.782 5.863 5.058 0 2.446-1.054 7.035-4.468 7.035-1.232 0-2.286-.83-2.286-2.018 0-1.742 1.307-3.43 1.307-5.225 0-1.092-.67-1.977-1.916-1.977-1.692 0-2.732 1.77-2.732 3.165 0 .774.104 1.63.476 2.336-.683 2.736-2.08 6.814-2.08 9.633 0 .87.135 1.728.224 2.6l.134.137.207-.07c2.494-3.178 2.405-3.8 3.533-7.96.61 1.077 2.182 1.658 3.43 1.658 5.254 0 7.614-4.77 7.614-9.067C26 7.987 21.755 5 17.094 5 12.017 5 7 8.15 7 13.252z"
                                                                    fill-rule="evenodd"></path>
                                                            </g>
                                                        </svg></span></a>
                                                <a class="addthis_button_print at300b" title="Print" href="#"><span
                                                        class="at-icon-wrapper"
                                                        style="background-color: rgb(115, 138, 141); line-height: 32px; height: 32px; width: 32px;"><svg
                                                            xmlns="http://www.w3.org/2000/svg"
                                                            xmlns:xlink="http://www.w3.org/1999/xlink"
                                                            viewbox="0 0 32 32" class="at-icon at-icon-print"
                                                            style="width: 32px; height: 32px;" title="Print"
                                                            alt="Print">
                                                            <g>
                                                                <path
                                                                    d="M24.67 10.62h-2.86V7.49H10.82v3.12H7.95c-.5 0-.9.4-.9.9v7.66h3.77v1.31L15 24.66h6.81v-5.44h3.77v-7.7c-.01-.5-.41-.9-.91-.9zM11.88 8.56h8.86v2.06h-8.86V8.56zm10.98 9.18h-1.05v-2.1h-1.06v7.96H16.4c-1.58 0-.82-3.74-.82-3.74s-3.65.89-3.69-.78v-3.43h-1.06v2.06H9.77v-3.58h13.09v3.61zm.75-4.91c-.4 0-.72-.32-.72-.72s.32-.72.72-.72c.4 0 .72.32.72.72s-.32.72-.72.72zm-4.12 2.96h-6.1v1.06h6.1v-1.06zm-6.11 3.15h6.1v-1.06h-6.1v1.06z">
                                                                </path>
                                                            </g>
                                                        </svg></span></a>
                                                <div class="atclear"></div>
                                            </div>
                                            <script type="text/javascript">
                                                var addthis_config = {
                                                    "data_track_addressbar": true
                                                };
                                            </script>
                                            <script type="text/javascript"
                                                src="http://s7.addthis.com/js/250/addthis_widget.js"></script>
                                        </div>
                                    </div>

                                </div>
                            </div>

                        </div>
                        <div class="product-information">
                            <section class="product-information-content">
                                <div class="product-information-t">
                                    <h1>Cross Colours Camo Print Tank half mengo details</h1>
                                </div>
                                <div class="product-information-box">
                                    <h2>The standard Lorem Ipsum passage, used since the 1500s</h2>
                                    <p style="text-align:center; margin-top:20px; margin-bottom:20px;"><img
                                            src="{HOME_THEME_PATH}picture/phone_banner1.jpg" alt="Gecko"></p>
                                    <p>Proin lectus ipsum, gravida et mattis vulputate, tristique ut lectus. Sed et
                                        lorem nunc. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices
                                        posuere cubilia Curae; Aenean eleifend laoreet congue. Vivamus adipiscing nisl
                                        ut dolor dignissim semper. Nulla luctus malesuada Lorem Ipsum is simply dummy
                                        text of the printing and typesetting industry. Lorem Ipsum has been the
                                        industry's standard dummy took a galley of type and scrambled it to make a type
                                        specimen book. It has survived not only five centuries, but also the leap into
                                        electronic typesetting, remaining essentially unchanged. It was popularised in
                                        the 1960s with the release of Letraset sheets</p>
                                    <p>Tristique ut lectus. Sed et lorem nunc. Vestibulum ante ipsum primis in faucibus
                                        orci luctus et ultrices posuere cubilia Curae; Aenean eleifend laoreet congue.
                                        Vivamus adipiscing nisl ut dolor dignissim semper. Nulla luctus malesuada Lorem
                                        Ipsum is simply dummy text of the printing and typesetting industry.</p>
                                    <strong>Section 1.10.32 of "de Finibus Bonorum et Malorum", written by Cicero in 45
                                        BC</strong><br>
                                    <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium
                                        doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore
                                        veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam
                                        voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntu
                                    </p>
                                </div>
                            </section>

                            <div class="related-products">
                                <div class="related-products-c">
                                    <div class="related-products-t"><span>Related Products</span></div>
                                    <ul>
                                        <li>
                                            <div class="item">
                                                <div class="image"><a href=""><img src="{HOME_THEME_PATH}picture/p2.jpg"
                                                            alt=""></a></div>
                                                <div class="item-name"><a href="">
                                                        <div class="text">This is one of our most popular products</div>
                                                    </a></div>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="item">
                                                <div class="image"><a href=""><img src="{HOME_THEME_PATH}picture/p3.jpg"
                                                            alt=""></a></div>
                                                <div class="item-name"><a href="">
                                                        <div class="text">This is one of our most popular products</div>
                                                    </a></div>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="item">
                                                <div class="image"><a href=""><img src="{HOME_THEME_PATH}picture/p1.jpg"
                                                            alt=""></a></div>
                                                <div class="item-name"><a href="">
                                                        <div class="text">This is one of our most popular products</div>
                                                    </a></div>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="item">
                                                <div class="image"><a href=""><img src="{HOME_THEME_PATH}picture/p4.jpg"
                                                            alt=""></a></div>
                                                <div class="item-name"><a href="">
                                                        <div class="text">This is one of our most popular products</div>
                                                    </a></div>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="product-tag">
                                <div class="product-tag-title"><span>tag : </span></div>
                                <div class="product-tag-item"><a href="#">designed</a><a href="#">building</a><a
                                        href="#">mining</a><a href="#">designed</a><a href="#">building</a><a
                                        href="#">mining</a><a href="#">designed</a><a href="#">building</a><a
                                        href="#">mining</a><a href="#">designed</a></div>
                            </div>
                            <div class="product-key">
                                <div class="product-key-box">
                                    <p>Product key description, this is a very good product description, detailing our
                                        product use, product characteristics</p>
                                </div>
                            </div>
                        </div>
                        <div class="inner-message">
                            <div class="th">Mail consultation</div>
                            <div class="inner-message-centered">Please feel free to give your inquiry in the form
                                below.<span>We will reply you in 24 hours.</span></div>
                            <div class="inner-message-row">
                                <form>
                                    <div class="item">
                                        <div class="inner-message-box">
                                            <input type="text" class="input-lg form-full" value="*Subject"
                                                onfocus="if(this.value=='*Subject'){this.value=''};this.style.color='#333';"
                                                onblur="if(this.value==''||this.value=='*Subject'){this.value='*Subject';this.style.color='#999';}"
                                                name="subject" id="subject" required="">
                                        </div>
                                    </div>
                                    <div class="item">
                                        <div class="inner-message-box">
                                            <input type="text" class="input-lg form-full" value="*Email"
                                                onfocus="if(this.value=='*Email'){this.value=''};this.style.color='#333';"
                                                onblur="if(this.value==''||this.value=='*Email'){this.value='*Email';this.style.color='#999';}"
                                                name="email" id="email2" required="">
                                        </div>
                                    </div>
                                    <div class="item item-half">
                                        <div class="inner-message-half">
                                            <input type="text" class="input-lg form-full" value="Name"
                                                onfocus="if(this.value=='Name'){this.value=''};this.style.color='#333';"
                                                onblur="if(this.value==''||this.value=='Name'){this.value='Name';this.style.color='#999';}"
                                                name="Name" id="name" required="">
                                        </div>
                                    </div>
                                    <div class="item item-half">
                                        <div class="inner-message-box">
                                            <input type="text" class="input-lg form-full" value="Phone"
                                                onfocus="if(this.value=='Phone'){this.value=''};this.style.color='#333';"
                                                onblur="if(this.value==''||this.value=='Phone'){this.value='Phone';this.style.color='#999';}"
                                                name="phone" id="phone" required="">
                                        </div>
                                    </div>
                                    <div class="item">
                                        <div class="inner-message-box">
                                            <textarea value="Message"
                                                onfocus="if(this.value=='Message'){this.value=''};this.style.color='#333';"
                                                onblur="if(this.value==''||this.value=='Message'){this.value='Message';this.style.color='#999';}"
                                                name="message" id="message" class="form-full"
                                                required="">Message</textarea>
                                        </div>
                                    </div>
                                    <div class="item">
                                        <button class="btn-text">Submit</button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                    <div class="inner-page-l" aos="fade-right" aos-easing="ease" aos-delay="100">
                        <div class="sidebar-block">
                            <div class="sidebar-box">
                                <div class="sidebar-title">
                                    <span>Product List</span>
                                </div>
                                <div class="sidebar-contant sidebar-product">
                                    <dl>
                                        <dt><a href="product-list.html" title="Product Type One"><i></i>Product Type
                                                One</a></dt>
                                        <dd><a href="product-list.html">Product Categories</a></dd>
                                        <dd><a href="product-list.html">Product Categories</a></dd>
                                        <dd><a href="product-list.html">Product Categories</a></dd>
                                    </dl>
                                    <dl>
                                        <dt><a href="product-list.html" title="Product Type Two"><i></i>Product Type
                                                Two</a></dt>
                                        <dd><a href="product-list.html">Product Categories</a></dd>
                                        <dd><a href="product-list.html">Product Categories</a></dd>
                                    </dl>
                                    <dl>
                                        <dt><a href="product-list.html" title="Product Type three"><i></i>Product Type
                                                three</a></dt>
                                        <dd><a href="product-list.html">Product Categories</a></dd>
                                    </dl>
                                    <dl>
                                        <dt><a href="product-list.html" title="Product Type four"><i></i>Product Type
                                                four</a></dt>
                                    </dl>
                                    <dl>
                                        <dt><a href="product-list.html" title="Product Type Five"><i></i>Product Type
                                                Five</a></dt>
                                    </dl>
                                </div>
                            </div>
                            <div class="sidebar-box sidebar-featured">
                                <div class="sidebar-title">
                                    <span>feature product</span>
                                </div>
                                <div class="sidebar-contant">
                                    <ul>
                                        <li>
                                            <div class="item">
                                                <div class="pro-media"><a href=""><img alt="T-shirt"
                                                            src="{HOME_THEME_PATH}picture/p1.jpg"></a></div>
                                                <div class="pro-detail-info">
                                                    <div class="th"><a href="">This is one of our most popular
                                                            products</a></div>
                                                    <span><a class="btn" href="">More</a></span>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="item">
                                                <div class="pro-media"><a href=""><img alt="T-shirt"
                                                            src="{HOME_THEME_PATH}picture/p2.jpg"></a></div>
                                                <div class="pro-detail-info">
                                                    <div class="th"><a href="">This is one of our most popular
                                                            products</a></div>
                                                    <span><a class="btn" href="">More</a></span>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="item">
                                                <div class="pro-media"><a href=""><img alt="T-shirt"
                                                            src="{HOME_THEME_PATH}picture/p3.jpg"></a></div>
                                                <div class="pro-detail-info">
                                                    <div class="th"><a href="">This is one of our most popular
                                                            products</a></div>
                                                    <span><a class="btn" href="">More</a></span>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="item">
                                                <div class="pro-media"><a href=""><img alt="T-shirt"
                                                            src="{HOME_THEME_PATH}picture/p4.jpg"></a></div>
                                                <div class="pro-detail-info">
                                                    <div class="th"><a href="">This is one of our most popular
                                                            products</a></div>
                                                    <span><a class="btn" href="">More</a></span>
                                                </div>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="sidebar-box sidebar-contact">
                                <div class="sidebar-title">
                                    <span>Contact Us</span>
                                </div>
                                <div class="sidebar-contant">
                                    <div class="mb-20">
                                        <div class="inner-title"><i class="iconfont">&#xec76;</i>phone:</div>
                                        <ul>
                                            <li><a href="#">400-12345-678</a></li>
                                        </ul>
                                    </div>
                                    <div class="mb-20">
                                        <div class="inner-title"><i class="iconfont">&#xe624;</i>E-mail :</div>
                                        <ul>
                                            <li><a href="#">demo@your*domain.com</a></li>
                                        </ul>
                                    </div>
                                    <div class="mb-20">
                                        <div class="inner-title"><i class="iconfont">&#xe606;</i>fax :</div>
                                        <ul>
                                            <li><a href="#">0000-1234567</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--FOOTER -->
            <footer class="footer-middle">
                <div class="footer-content">
                    <div class="footer-content-but expand"><span>more services</span><button type="button"><i
                                class="iconfont"></i></button></div><strong></strong>
                    <div class="footer-main">
                        <div class="item footer-contactus" aos="fade-right" aos-easing="ease" aos-delay="100">
                            <div class="footer-static-block">
                                <div class="th"><a href="contact-us.html">Contact Us</a></div>
                                <ul class="footer-block-contant">
                                    <li><a href="message.html"><b>Demo Marketing Group Co., Ltd.</b></a></li>
                                    <li><label><i class="iconfont">&#xe60b;</i></label><a href="message.html">Provinces,
                                            cities, counties, towns, China</a></li>
                                    <li><label><i class="iconfont">&#xe651;</i></label><a
                                            href="message.html">demo@your*domain.com </a> </li>
                                    <li><label><i class="iconfont">&#xe605;</i></label><a
                                            href="message.html">400-12345-678 / 0000-1234567</a></li>
                                </ul>
                                <div class="social-link-bottom">
                                    <a href="#" class="facebook">
                                        <i class="iconfont fa-facebook">&#xe616;</i>
                                    </a>
                                    <a href="#" class="twitter">
                                        <i class="iconfont fa-twitter">&#xe609;</i>
                                    </a>
                                    <a href="#" class="google-plus">
                                        <i class="iconfont fa-google-plus">&#xe636;</i>
                                    </a>
                                    <a href="#" class="linkedin">
                                        <i class="iconfont fa-linkedin">&#xe615;</i>
                                    </a>
                                    <a href="#" class="skype">
                                        <i class="iconfont fa-skype">&#xec02;</i>
                                    </a>
                                </div>

                            </div>
                        </div>
                        <div class="item key-words" aos="fade-left" aos-easing="ease" aos-delay="100">
                            <div class="footer-static-block">
                                <div class="th"><span>information</span></div>
                                <ul class="footer-block-contant">
                                    <li><i></i><a href="#">Delivery information</a></li>
                                    <li><i></i><a href="#">Privacy Policy</a></li>
                                    <li><i></i><a href="message.html">Message</a></li>
                                    <li><i></i><a href="certificate.html">Certificate</a></li>
                                    <li><i></i><a href="sitemap.html">Sitemap</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="item key-words" aos="fade-left" aos-easing="ease" aos-delay="100">
                            <div class="footer-static-block">
                                <div class="th"><span>key words</span></div>
                                <ul class="footer-block-contant">
                                    <li><i></i><a href="#">standard size</a></li>
                                    <li><i></i><a href="#">the best quality</a></li>
                                    <li><i></i><a href="#">most popular</a></li>
                                    <li><i></i><a href="#">value for money</a></li>
                                    <li><i></i><a href="#">cheapest product</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="item key-words" aos="fade-left" aos-easing="ease" aos-delay="100">
                            <div class="footer-static-block">
                                <div class="th"><span>key words</span></div>
                                <ul class="footer-block-contant">
                                    <li><i></i><a href="#">standard size</a></li>
                                    <li><i></i><a href="#">the best quality</a></li>
                                    <li><i></i><a href="#">most popular</a></li>
                                    <li><i></i><a href="#">value for money</a></li>
                                    <li><i></i><a href="#">cheapest product</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>

                </div>
                <div class="footer-secondary">
                    <div class="footer-secondary-box">
                        <p>© 2018 Foreign cattle technology service AaryaWeb</p>
                    </div>
                </div>
            </footer>
            <script>
                //手机端底部折叠
                $('.sidebar-block-but').on("click", function () {
                    $(".sidebar-box").toggleClass("expand");
                    $(this).toggleClass("expand");
                })
                $('.footer-content-but').on("click", function () {
                    $(".footer-main").toggleClass("expand");
                    $(this).toggleClass("expand");
                })
            </script>
            <!-- END FOOTER -->
        </div>
    </div>
    <!--右侧漂浮-->
    <div class="im">
        <label class="im-l" for="select"><i class="iconfont">&#xe697;</i></label>
        <input type="checkbox" id="select">
        <div class="box">
            <ul>
                <li><a href="#"><i class="iconfont img-skype">&#xec02;</i></a></li>
                <li><a href="#"><i class="iconfont img-whatsapp">&#xe72c;</i></a></li>
                <li><a href="#"><i class="iconfont img-envelope">&#xe61d;</i></a></li>
                <li><a href="#"><i class="iconfont img-user">&#xe8f8;</i></a></li>
            </ul>
        </div>
    </div>
    <!--返回顶部-->
    <div class="scroll" id="scroll" style="display:none;">
        <i class="iconfont">&#xe637;</i>
    </div>
</body>
<script src="{HOME_THEME_PATH}js/jquery-1.12.3.min.js"></script>
<!--动态加载-->
<script src="{HOME_THEME_PATH}js/wow.js" id="WOW"></script>
<script>
    new WOW().init();
</script>
<!--轮播图-->
<script src="{HOME_THEME_PATH}js/owl.carousel.min.js"></script>
<script src="{HOME_THEME_PATH}js/custom.js"></script>

<script>
    /* ------------ Newslater-popup JS Start ------------- */
    $(window).load(function () {
        $.magnificPopup.open({
            items: {
                src: '#newslater-popup'
            },
            type: 'inline'
        }, 0);
    });
    /* ------------ Newslater-popup JS End ------------- */
</script>
<!--菜单栏js-->
<!-- SmartMenus jQuery plugin -->
<script type="text/javascript" src="{HOME_THEME_PATH}js/jquery.smartmenus.js"></script>
<!-- SmartMenus jQuery init -->
<script type="text/javascript">
    // SmartMenus init
    $(function () {
        $('#main-menu').smartmenus({
            subMenusSubOffsetX: 1,
            subMenusSubOffsetY: -8
        });
    });

    // SmartMenus mobile menu toggle button
    $(function () {
        var $mainMenuState = $('#main-menu-state');
        if ($mainMenuState.length) {
            // animate mobile menu
            $mainMenuState.change(function (e) {
                var $menu = $('#main-menu');
                if (this.checked) {
                    $menu.hide().slideDown(250, function () {
                        $menu.css('display', '');
                    });
                } else {
                    $menu.show().slideUp(250, function () {
                        $menu.css('display', '');
                    });
                }
            });
            // hide mobile menu beforeunload
            $(window).bind('beforeunload unload', function () {
                if ($mainMenuState[0].checked) {
                    $mainMenuState[0].click();
                }
            });
        }
    });
</script>
<!--导航栏置顶固定-->
<script>
    $(function () {
        var ie6 = document.all;
        var dv = $('#fixedMenu'),
            st;
        dv.attr('otop', dv.offset().top); //存储原来的距离顶部的距离 
        $(window).scroll(function () {
            st = Math.max(document.body.scrollTop || document.documentElement.scrollTop);
            if (st > parseInt(dv.attr('otop'))) {
                if (ie6) { //IE6不支持fixed属性，所以只能靠设置position为absolute和top实现此效果 
                    dv.css({
                        position: 'absolute',
                        top: st
                    });
                } else if (dv.css('position') != 'fixed') dv.css({
                    'position': 'fixed',
                    top: 0
                });
                dv.addClass("top-fixed")
                $('.inner-page-main').addClass("mh")
            } else if (dv.css('position') != 'static') {
                dv.css({
                    'position': 'static'
                });
                dv.removeClass("top-fixed")
                $('.inner-page-main').removeClass("mh")
            }
        });
    });
</script>
<!--banner-->
<script src="{HOME_THEME_PATH}js/jquery.flexslider-min.js"></script>
<script type="text/javascript">
    $('.flexslider').flexslider();
</script>

<!--返回顶部-->
<script type="text/javascript">
    $(function () {
        showScroll();

        function showScroll() {
            $(window).scroll(function () {
                var scrollValue = $(window).scrollTop();
                scrollValue > 100 ? $('div[class=scroll]').fadeIn() : $('div[class=scroll]').fadeOut();
            });
            $('#scroll').click(function () {
                $("html,body").animate({
                    scrollTop: 0
                }, 200);
            });
        }
    })
</script>
<!--产品折叠列表-->
<script type="text/javascript" src="{HOME_THEME_PATH}js/sidebar-product.js"></script>
<script type="text/javascript">
    $(function () {
        initSidebarClicker('span', '+', '-')
    })
</script>
<!--产品详情页图片展示-->
<script type="text/javascript" src="{HOME_THEME_PATH}js/product_slide.js"></script>
<script type="text/javascript">
    console.log($('.ps-current [class^="elt"]').length)
    $('.ps-current [class^="elt"]').zoom()
</script>
<script type="text/javascript" src="{HOME_THEME_PATH}js/jquery.lightbox-0.5.js"></script>
<script>
    $('.ps-current a').lightBox();
</script>
<!--证书图片点击放大-->
<!-- 设计：Q/微：595894985 -->
<script src="{HOME_THEME_PATH}js/jquery.fancybox.min.js"></script>

<!--页面出厂动画-->
<script type="text/javascript" src="{HOME_THEME_PATH}js/main.js"></script>
<script type="text/javascript" src="{HOME_THEME_PATH}js/aos.js"></script>
<script type="text/javascript">
    AOS.init({
        easing: 'ease-out-back',
        duration: 1000
    });
</script>

</html>